<template>
    <div>
      <el-dialog append-to-body title="伪线索上报" :visible.sync="open">
        <el-form ref="form" :model="form" :rules="rules">
          <el-form-item label="原因" prop="reason">
            <el-select placeholder="原因" clearable v-model="form.reason">
              <el-option v-for="item in dict.type.reasons_for_reporting" :label="item.label" :value="item.value" :key="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="备注">
            <el-input type="textarea" v-model="form.remark"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="open = false">取 消</el-button>
          <el-button type="primary" @click="submitForm">确 定</el-button>
        </div>
      </el-dialog>
    </div>
</template>

<script>
  import {falseClue} from '@/api/crm/clueTrack'
    export default {
        name: "false-clue",
      dicts:['reasons_for_reporting'],
      data(){
          return{
            id:null,
            open:false,
            form:{},
            rules:{
              reason:[{required:true,message:'原因不能为空',trigger: 'blur'}]
          }
          }
      },
      methods:{
          resetForm(){
              this.form={
                reason:null,
                remark:null,
              }
          },
        submitForm(){
            this.$refs.form.validate(valid=>{
              if (valid){
                this.form.id=this.id
                falseClue(this.form).then(()=>{
                  this.$message.success('操作成功')
                  this.open=false;
                  this.$emit('success')
                })
              }
            })
        }
      }
    }
</script>

<style scoped>

</style>
